<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <body>
        <ui:composition template="../plantilla/plantilla.xhtml">
            <ui:define name="content">
                <h:panelGrid columns="2" style="vertical-align: top">
                    
                    <p:dataTable var="row" emptyMessage="No se encontraron registros"  
                        value="#{listingTerrenoConBean.images}" paginatorPosition="bottom"
                        rowKey="#{row.idctv}" paginator="true" rows="2"  style="width: 100%; float: left"
                        id="listaInterTable">
                        <p:column >
                            <p:panel style="margin-bottom: 20px">
                                <h:panelGrid columns="1" >
                                    <f:facet name="header"  >
                                        <p:graphicImage value="#{listingTerrenoConBean.streamImagen}" width="250px" height="200px"  >
                                            <f:param name="nameImage" value="#{row.casa1.nombrefoto}"/>                                
                                        </p:graphicImage>
                                    </f:facet>
                                    <h:panelGrid columns="1">
                                        <h:outputText value="#{row.casa1.direccion}"   />
                                        <h:outputText value="$ #{row.casa1.precio}" />
                                        <h:outputText value="#{row.casa1.descripcion}"/>
                                        <h:outputText value="#{row.casa1.banios} baños" />
                                        <h:outputText value="#{row.casa1.cuartos} cuartos"/>
                                        <p:commandLink id="idBut1" value="Ver más" action="#{listingTerrenoConBean.cargarImagenesDetalle}" update=":form:dialogShow">
                                            <f:setPropertyActionListener target="#{listingTerrenoConBean.codCasa}" value="#{row.casa1.idcasater}"/>
                                            <f:setPropertyActionListener target="#{listingTerrenoConBean.casa}" value="#{row.casa1}"/>
                                        </p:commandLink>
                                    </h:panelGrid>
                                </h:panelGrid>
                            </p:panel>
                        </p:column>
                        <p:column >
                            <p:panel style="margin-bottom: 20px">
                                <h:panelGrid columns="1" >
                                    <f:facet name="header"  >
                                        <p:graphicImage value="#{listingTerrenoConBean.streamImagen}" width="250px" height="200px"  >
                                            <f:param name="nameImage" value="#{row.casa2.nombrefoto}"/>                                
                                        </p:graphicImage>
                                    </f:facet>
                                    <h:panelGrid columns="1">
                                        <h:outputText value="#{row.casa2.direccion}"   />
                                        <h:outputText value="$ #{row.casa2.precio}" />
                                        <h:outputText value="#{row.casa2.descripcion}"/>
                                        <h:outputText value="#{row.casa2.banios} baños" />
                                        <h:outputText value="#{row.casa2.cuartos} cuartos"/>
                                        <p:commandLink id="idBut2" value="Ver más" action="#{listingTerrenoConBean.cargarImagenesDetalle}" update=":form:dialogShow">
                                            <f:setPropertyActionListener target="#{listingTerrenoConBean.codCasa}" value="#{row.casa2.idcasater}"/>
                                            <f:setPropertyActionListener target="#{listingTerrenoConBean.casa}" value="#{row.casa2}"/>
                                        </p:commandLink>
                                    </h:panelGrid>
                                </h:panelGrid>
                            </p:panel>
                        </p:column>
                    </p:dataTable>
                    
                    <p:panel header="Búsque su casa o terreno" style="float: right; width: 95%;">
                        <h:panelGrid columns="2">
                            <h:outputLabel for="findCasa" value="ID: " style="float: left"/>
                            <p:inputText id="findCasa" value="#{listingTerrenoConBean.findCasa}"/>
                            
                            <h:outputLabel for="findUbicacion" value="Ubicación: " style="float: left"/>
                            <p:selectOneMenu id="findUbicacion" value="#{listingTerrenoConBean.findUbicacion}">
                                <f:selectItem itemLabel="SAN SALVADOR" itemValue="SAN SALVADOR" />
                                <f:selectItem itemLabel="AHUACHAPAN" itemValue="AHUACHAPAN" />
                                <f:selectItem itemLabel="SANTA ANA" itemValue="SANTA ANA" />
                                <f:selectItem itemLabel="SONSONATE" itemValue="SONSONATE" />
                                <f:selectItem itemLabel="CHALATENANGO" itemValue="CHALATENANGO" />
                                <f:selectItem itemLabel="CABAÑAS" itemValue="CABAÑAS" />                                
                                <f:selectItem itemLabel="LA PAZ" itemValue="LA PAZ" />
                                <f:selectItem itemLabel="SAN VICENTE" itemValue="SAN VICENTE" />
                                <f:selectItem itemLabel="USULUTAN" itemValue="USULUTAN" />
                                <f:selectItem itemLabel="SAN MIGUEL" itemValue="SAN MIGUEL" />
                                <f:selectItem itemLabel="MORAZAN" itemValue="MORAZAN" />
                                <f:selectItem itemLabel="LA UNION" itemValue="LA UNION" />
                            </p:selectOneMenu>
                            
                            <h:outputLabel for="findTipo" value="Tipo:" style="float: left"/>
                            <p:selectOneRadio id="findTipo" value="#{listingTerrenoConBean.findTipo}" layout="grid" columns="1">
                                <f:selectItem itemLabel="Casa Individual" itemValue="1" />
                                <f:selectItem itemLabel="Casa en proyectos nuevos" itemValue="8" />
                                <f:selectItem itemLabel="Casa en sectores varios" itemValue="2" />
                                <f:selectItem itemLabel="Apartamento" itemValue="9" />
                                <f:selectItem itemLabel="Terreno con construcción" itemValue="10" />
                                <f:selectItem itemLabel="Terreno sin construcción" itemValue="3" />
                            </p:selectOneRadio>
                            
                            <h:outputLabel for="findDormit" value="Dormitorios: " style="float: left"/>
                            <p:selectOneMenu id="findDormit" value="#{listingTerrenoConBean.findDormit}">
                                <f:selectItem itemLabel="Seleccione un N°" itemValue="0" />
                                <f:selectItem itemLabel="2" itemValue="2" />
                                <f:selectItem itemLabel="3" itemValue="3" />
                                <f:selectItem itemLabel="4" itemValue="4" />
                                <f:selectItem itemLabel="5" itemValue="5" />
                                <f:selectItem itemLabel="6" itemValue="6" />
                                <f:selectItem itemLabel="7" itemValue="7" />
                                <f:selectItem itemLabel="8" itemValue="8" />
                                <f:selectItem itemLabel="9" itemValue="9" />
                            </p:selectOneMenu>
 
                            <h:outputLabel for="findBanios" value="Baños" style="float: left"/>
                            <p:selectOneMenu id="findBanios" value="#{listingTerrenoConBean.findBanios}">
                                <f:selectItem itemLabel="Seleccione un N°" itemValue="0" />
                                <f:selectItem itemLabel="1" itemValue="1" />
                                <f:selectItem itemLabel="2" itemValue="2" />
                                <f:selectItem itemLabel="3" itemValue="3" />
                                <f:selectItem itemLabel="4" itemValue="4" />
                                <f:selectItem itemLabel="5" itemValue="5" />
                            </p:selectOneMenu>
                            
                            <h:outputLabel value="Precios: "/>
                            <p:spacer/>
                            
                            <h:outputLabel for="findPriceMin" value="Mínimo: " style="float: left"/>
                            <p:inputText id="findPriceMin" value="#{listingTerrenoConBean.findPriceMin}"/>
                                
                            <h:outputLabel for="findPriceMax" value="Máximo: " style="float: left"/>
                            <p:inputText id="findPriceMax" value="#{listingTerrenoConBean.findPriceMax}"/>
                            
                            
                            <p:commandButton value="Buscar" id="findButton" action="#{listingTerrenoConBean.cargarMapaConCasa}" update=":form:mapaShow"  icon="ui-icon-search"/>

                        </h:panelGrid>
                    </p:panel>
                    
                </h:panelGrid>
                <p:dialog id="dialogShow" widgetVar="dialogShow" modal="true" appendToBody="true" width="650" height="560" >
                    <h:panelGrid columns="1" style="width: 600px;">
                        <p:galleria value="#{listingTerrenoConBean.detCasa.fotosDet}" var="imagenDet" panelHeight="250" panelWidth="550" >
                            <p:graphicImage value="#{listingTerrenoConBean.streamImagenDet}" width="100%" height="100%" >
                                <f:param name="nombImagenDet" value="#{imagenDet}"/>
                            </p:graphicImage>
                        </p:galleria>
                        <h:outputText value="#{listingTerrenoConBean.casa.direccion}"   />
                        <h:outputText value="$ #{listingTerrenoConBean.casa.precio}" />
                        <h:outputText value="#{listingTerrenoConBean.casa.descripcion}"/>
                        <h:outputText value="#{listingTerrenoConBean.casa.banios} baños" />
                        <h:outputText value="#{listingTerrenoConBean.casa.cuartos} cuartos"/>
                        <h:outputText value="#{listingTerrenoConBean.detCasa.descDet}"/>
                        
                        <p:gmap id="mapa" widgetVar="mapa" center="13.706881, -89.21373179999999" zoom="13" type="HYBRID"
                                style="width:600px;height:400px" model="#{listingTerrenoConBean.simpleMapModel}" />
                        
                    </h:panelGrid>
                    
                </p:dialog>
                <p:dialog id="mapaShow" widgetVar="mapaShow" modal="true" appendToBody="true" width="650" height="560" >
                    <h:panelGrid columns="1" style="width: 600px;">
                        <p:gmap id="mapaCasas" widgetVar="mapaCasas" center="13.706881, -89.21373179999999" zoom="12" type="HYBRID"
                            style="width:600px;height:400px" model="#{listingTerrenoConBean.casaMapModel}" >
                            
                            <p:ajax event="overlaySelect" listener="#{listingTerrenoConBean.onMarkerSelect}" />
                            
                            <p:gmapInfoWindow >
                                <p:outputPanel style="text-align:center;display:block;margin:auto">
                                    <h:panelGrid columns="1">
                                        <p:graphicImage value="#{listingTerrenoConBean.streamImagenCasa}" height="100" width="150" >
                                            <f:param name="nameImageCasa" value="#{listingTerrenoConBean.marker.data}"/>
                                        </p:graphicImage>
                                        <p:commandLink id="idBut4" value="Ver más" action="#{listingTerrenoConBean.presentarDetalleMapa}" update=":form:dialogShow">
                                            <f:setPropertyActionListener target="#{listingTerrenoConBean.nombreCasaMapa}" value="#{listingTerrenoConBean.marker.data}"/>
                                        </p:commandLink>
                                    </h:panelGrid>
                                </p:outputPanel>                                
                            </p:gmapInfoWindow>
                        </p:gmap>
                    </h:panelGrid>
                </p:dialog>
            </ui:define>
        </ui:composition>
    </body>
</html>
